<template>
  <!--  计划员-->
  <div class="layout">
    <div class="ranking_list">
      <div class="ranking ranking1">
        <jc-title title1="销售在制订单" :division="false" />
        <uncollecte />
      </div>
      <div class="ranking ranking1">
        <jc-title title1="生产在制订单" :division="false" />
        <notDeliver />
      </div>
      <div class="ranking ranking1">
        <jc-title title1="委外外发订单" :division="false" />
        <abnormal />
      </div>
      <div class="ranking ranking1">
        <jc-title title1="采购未入库订单" :division="false" />
        <purchase />
      </div>
      <div class="ranking">
        <jc-title title1="成品仓库数据清单" :division="false" />
        <entrepot />
      </div>
      <div class="ranking">
        <jc-title title1="仓库材料数据清单" :division="false" />
        <material />
      </div>
    </div>
  </div>
</template>

<script>
import jcTitle from '@/components/Title'
import uncollecte from '@/views/homePageNew/planner/component/uncollecte'
import notDeliver from '@/views/homePageNew/planner/component/notDeliver'
import abnormal from '@/views/homePageNew/planner/component/abnormal'
import purchase from '@/views/homePageNew/planner/component/purchase'
import entrepot from '@/views/homePageNew/planner/component/entrepot'
import material from '@/views/homePageNew/planner/component/material'
export default {
  name: 'Planner',
  components: {
    jcTitle,
    uncollecte,
    notDeliver,
    abnormal,
    purchase,
    entrepot,
    material
  },
  data() {
    return {
      input2: ''
    }
  },
  methods: {}
}
</script>

<style scoped lang="scss">
@import 'src/styles/homePage/index';
.ranking1 {
  width: 100%!important;
}
</style>
